*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 12px;
}
ul{
    list-style: none;   
}
$fontcolor:#999;
header{
    .adv{
        display: flex;
        justify-content: center;
        background-color:  rgb(7, 25, 75);
    }
    .icon-icon-cross-squre{
        font-size: 24px;
        color: white;
        position: relative;
        right: 30px;
    }
    nav{
        height: 30px;
        line-height: 30px;
        background-color: #e3e4e5;
        border-bottom: 1px solid #ddd;
        .nav{
            width: 1190px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            .two-nav{
                width: 250px;
                background-color: pink;
                position: absolute;
                left: 0;
                top: 21px;
                display: none;
                td{
                    padding-left: 10px;
                    width: 100px;
                    text-align: left;
                }
            }
            div{
                display: flex;
                a{
                    font-size: 12px;
                    color: $fontcolor;
                }
            }
            ul{
                display: flex;
                list-style: none;
                li{
                    position: relative;
                    text-align: center;
                    display: flex;
                    align-self: center;
                    div{
                        margin-left:5px;
                        display: inline;
                    }
                    a{  
                        width: 80px;
                        height: 12px;
                        line-height: 12px;
                        font-size: 12px;
                        color: $fontcolor;
                        border-right: 1px solid $fontcolor;
                    }
                }
                li:nth-of-type(1) a{
                    border: none;
                }
                li:nth-last-of-type(1) a{
                    border: none;
                }
                li:nth-of-type(2) a,li:nth-of-type(6) a{
                    color: red;
                }
                li:nth-of-type(6) a div{
                    color: $fontcolor;
                }
            }
        }
        
       
    }
}
main{
    border-bottom: 1px solid black;
    .main{
        margin: 0 auto;
        width: 1190px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .adv-a{
            display: block;
            width: 190px;
            height: 120px;
        }
        .search-shopcar{
            display: flex;
            padding-top:25px ;
            .search{
                border: 2px solid red;
                width: 500px;
                height: 36px;
                padding-left: 2px;
                input{
                    width: 425px;
                    outline: none;
                    border: none;
                }
                input ~ div{
                    display: inline-block;
                }
                input ~ div:nth-child(3){
                    background-color: red;
                    color: white;
                    height: 36px;
                    width: 45px;
                    line-height: 36px;
                    text-align: center;
                    position: relative;
                    left: 10px;
                    top: -2px;
                }
            }
            .shopcar{
                margin-left: 50px;
                width: 133px;
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid black;
                color: red;
                div{
                    font-size: 24px;
                }
                .shopnum{
                    background-color: red;
                    width: 20px;
                    font-size: 12px;
                    color: white;
                    text-align: center;
                    border-radius: 20px;
                    position: relative;
                    top: -8px;
                    left: -13px;
                }
                a{
                    color: red
                }
            } 
        }
    }
}
.search-bottom1{
    margin-top: 10px;
    margin-bottom: 50px;
    ul{
        width: 500px;
        display: flex;
        justify-content: space-between;
        li:nth-child(1) a{
            color: red;
        }
        a{
            color: $fontcolor;
        }
    }
}
.search-bottom2{
    ul{
        display: flex;
        justify-content: space-between;
        li:nth-child(1) a,li:nth-child(2) a{
            color: red;
        }
    }
    a{
        font-size: 16px;
        color: black;
    }
}
.dis-black{
    display: block !important;
}    